 <html>
	<head>
		<meta http-equiv="content-type" content="text/html" charset=utf-8>		
		<script type="text/javascript" src="__ROOT__/Public/Js/jquery.js"></script>
		<link rel="stylesheet" type="text/css" href="__ROOT__/Public/Css/test.css">
		<script type="text/javascript">
			$(document).ready(function(){
				$("#b1").click(function(){
					$("p").filter(".p4").css({"color":"red","border":"2px solid red"});
				
				});
			})
		</script>
	</head>
	<body>
		<div>
			<p>这里是测试文字</p>
			<button id="b1">按钮1</button>
			<button id="b2">按钮2</button>
			<button id="b3">按钮3</button>
			<button id="b4">按钮4</button>
			<button id="b5">按钮5</button>
		</div>
		内容：<input id="inp" type="text" value="hello World"/>

		<br/>
		<div id="two">
			<div id="two_1">
				<p id="p">这是一个段落！</p>
				<ol id="ol">
					<li id="li" class="1">one</li>
					<li>two</li>
					<li>three</li>
				</ol>
			</div>
			<div id="two_2" class="2">
				<p class="p1">hello world!</p>
				<p class="p2">hello world2!</p>
				<p class="p3">hello world3!</p>
				<p class="p4">hello world4!</p>
				<p class="p5">hello world5!</p>
				<p class="p6">hello world6!</p>
				<p class="p7">hello world7!</p>
			</div>
		</div>
	</body>	
</html> 

